<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>Admin Login</title>
    <link rel="stylesheet" href="../static/pagecss/login.css" />

</head>

<body>
    <div class="login" id="app">
        <h2>Admin Login</h2>
        <div class="login_box">
            <input type="text" required="required" v-model="username" />
            <label>用户名</label>
        </div>
        <div class="login_box">
            <input type="password" required="required" v-model="password" @keyup.enter="login">
            <label for="pwd">密码</label>
        </div>
        <a @click="login">
            登录
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </a>

    </div>
    <script src="../static/dist/axios.min.js"></script>
    <script src="../static/dist/vue.js"></script>
    <!-- axios 发送 post 请求时，需要qs.js格式化data参数 -->
    <!-- 问题原因：传送参数的形式不是我们熟悉的form-data，而是Request Payload -->
    <!-- 用Qs.stringify()将对象序列化成URL的形式 -->
    <!-- https://blog.csdn.net/qq_24641385/article/details/110936349 -->
    <!-- 获取js包的网站：https://www.jsdelivr.com/ -->
    <script src="../static/dist/qs.js"></script>
    <script src="../static/pagejs/login.js"></script>

</body>

</html>